<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>

    var arr = [1, 2, 3, 1, 2, 3, 3, 1, 2, 2, 1, 3];

    // var obj = {
    //     // "1":1,
    //     // "1":2,
    //     // name:"1",
    //     // name:2,
    // }

    // for(var item of arr){  // 遍历数组的元素
    //     // obj[item] = 1; //把数组的元素作为对象的键名
    //     if(obj[item]){
    //         obj[item]++;
    //     }else{
    //         obj[item] = 1
    //     }
    // }
    // console.log(obj);

    // console.log(Object.keys(obj));
    // console.log(Object.values(obj));

    var m = new Map();
    for (var item of arr) {  // 遍历数组的元素
        // 把数组的元素作为map对象的键名
        if (m.has(item)) {
            m.set(item, m.get(item) + 1);
        } else {
            m.set(item, 1);
        }
    }
    console.log(m);

    m.forEach(function (val, key) {
        console.log(key, val);
    })




</script>

</html>